<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">
<title>首页</title>
<%include("/common/css.html"){} %>
</head>
<body>

<!-- 浮动菜单 -->
<div class="ui large top fixed hidden menu">
  <div class="ui container">
    <a class="active item">首页</a>
    <a class="item" href="${ctxPath!}/vis">数据可视化</a>
    <a class="item" href="${ctxPath!}/pagination">分页</a>
  </div>
</div>

<!-- 侧边菜单 -->
<div class="ui vertical inverted sidebar menu">
  <a class="active item">首页</a>
  <a class="item" href="${ctxPath!}/vis">数据可视化</a>
  <a class="item" href="${ctxPath!}/pagination">分页</a>
</div>


<!-- 页面内容 -->
<div class="pusher">
  <div class="ui inverted vertical masthead center aligned segment">

    <div class="ui container">
      <div class="ui large secondary inverted pointing menu">
        <a class="toc item">
          <i class="sidebar icon"></i>
        </a>
        <a class="active item">首页</a>
        <a class="item" href="${ctxPath!}/vis">数据可视化</a>
        <a class="item" href="${ctxPath!}/pagination">分页</a>
      </div>
    </div>

    <div class="ui text container">
      <h1 class="ui inverted header">
        SpringMVC+Spring+MyBatis<br>+Beetl+Semantic-UI+Echarts+MySQL示例
      </h1>
    </div>

  </div>

  <div class="ui vertical stripe segment">
    <div class="ui middle aligned stackable grid">
      <div class="row">
        <div class="eight wide column center aligned">
          <h3 class="ui header">数据可视化</h3>
          <p>一些Echarts数据可视化案例</p>
        </div>
        <div class="eight wide floated column">
          	<div id="vis_Echarts" style="height: 400px;"></div>
        </div>
      </div>
      <div class="row">
        <div class="center aligned column">
          <a class="ui huge green button" href="${ctxPath!}/vis">更多</a>
        </div>
      </div>
    </div>
  </div>


	<!-- 页脚 -->
	<div class="ui inverted vertical footer segment">
		<div class="ui container">
			<div class="ui stackable inverted divided equal height stackable grid">
		        <div class="three wide column">
			    	
		        </div>
		        <div class="ten wide column center aligned">
		        	<div class="ui horizontal inverted small divided link list">
			        	<a class="item" href="javascript:;">Copyright 2016-2017</a>
			      	</div>
		        </div>
		        <div class="three wide column">
			        <h4 class="ui inverted header">关于</h4>
			        <div class="ui inverted link list">
			            <a href="http://my.oschina.net/mobinchao/home" class="item">我的开源博客</a>
			            <a href="http://git.oschina.net/mobinchao" class="item">我的git仓库</a>
			        </div>
			    </div>
	        </div>
		</div>
	</div>
</div>

<%include("/common/js.html"){} %>
<script type="text/javascript" src="${ctxPath!}/resources/jslibs/pages/index.js"></script>
</body>
</html>